import React, { Component } from 'react'

import { PickerView } from 'antd-mobile'

import FilterFooter from '../../../../components/FilterFooter'



export default class FilterPicker extends Component {
  state = {
    value: this.props.defaultValue  //选择器选中内容
  }
  render() {
    let { onCancel, onSave, data, cols, type, } = this.props;
    return (

      <>
        {/* 选择器组件： */}
        <PickerView data={data} value={this.state.value} cols={cols} onChange={val => {
          this.setState({ value: val });
        }} />

        {/* 底部按钮 */}
        <FilterFooter onCancel={() => onCancel(type)} onOk={() => onSave(type, this.state.value)} />
      </>
    )
  }
}
